<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>vue中系统属性</title>
	<script src="./lib/vue2.2.2.min.js" ></script>
</head>

<body>
	<div id="app">
	<h1> {{name}} </h1>
	<h1> {{age}} </h1>
	<h1> {{tel}} </h1>
	<h1> {{cs()}} </h1>

	</div>
	<script>
	var people = {name:"李白",age:18,tel:"18616932399"}
	var cs = function(){
		return "我是定义的函数";
	}
	var v = new Vue({
	  //绑定 
	  el: '#app', //id绑定注意#不能遗漏,id必须唯一
	  data:people, //people对象赋值给data
	  methods:cs
	})

	document.write(v.$el + "<br>"); //输出vue中系统属性el
	document.write(v.$data + "<br>");
	document.write(people + "<br>"); 
	document.write(people === v.$data); //true是一个对象

	</script>
	
</body>
</html>
